@newhighsco/press-start 2.0.0

package/README.md

@@ -0,0 +1,40 @@
+# ⚡️ Press Start [![Github version](https://img.shields.io/github/v/release/newhighsco/press-start)](https://github.com/newhighsco/press-start/releases)
+
+Get a theme-able Next.js site up and running quickly
+
+## Setup
+
+Install dependencies
+
+```
+nvm install
+yarn install
+```
+
+## Run
+
+All project processes can be started using the following:
+
+```
+yarn start
+```
+
+## Testing
+
+Runs all the automated QA tools
+
+This can be run using:
+
+```
+yarn test
+```
+
+## Build
+
+Generate a production build of the site using the following:
+
+```
+yarn build
+```
+
+## [CHANGELOG](CHANGELOG.md)

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "@newhighsco/press-start",
+  "description": "Chipset + Next.js site starter by New High Score",
+  "version": "2.0.0",
+  "author": "New High Score <hello@newhighsco.re>",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/newhighsco/press-start.git"
+  },
+  "homepage": "https://github.com/newhighsco/press-start#readme",
+  "bugs": {
+    "url": "https://github.com/newhighsco/press-start/issues"
+  },
+  "main": "src/index.js",
+  "files": [
+    "src"
+  ],
+  "scripts": {
+    "postinstall": "yarn --cwd template install",
+    "prestart": "yarn start:yalc",
+    "start": "yarn --cwd template start",
+    "prebuild": "yarn yalc",
+    "build": "yarn --cwd template build",
+    "serve": "yarn --cwd template serve",
+    "test": "yarn lint",
+    "lint": "npm-run-all --parallel lint:*",
+    "lint:js": "eslint --cache --ext .js,.json,.jsx,.mdx .",
+    "lint:css": "stylelint '**/*.{css,scss}' --cache",
+    "format": "npm-run-all --parallel format:*",
+    "format:js": "yarn lint:js --fix",
+    "format:css": "yarn lint:css --fix",
+    "yalc": "yalc publish && cd template && yalc add $npm_package_name",
+    "yalc:check": "cd template && yalc check",
+    "yalc:remove": "cd template && yalc remove $npm_package_name"
+  },
+  "dependencies": {
+    "next-seo": "4.27.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "13.1.0",
+    "@newhighsco/commitlint-config": "1.0.14",
+    "@newhighsco/editor-config": "1.1.2",
+    "@newhighsco/eslint-config": "2.3.28",
+    "@newhighsco/prettier-config": "2.0.14",
+    "@newhighsco/release-config": "1.0.68",
+    "@newhighsco/stylelint-config": "2.0.46",
+    "eslint": "7.32.0",
+    "husky": "7.0.2",
+    "npm-run-all": "4.1.5",
+    "prettier": "2.4.1",
+    "semantic-release": "18.0.0",
+    "stylelint": "13.13.1",
+    "yalc": "1.0.0-pre.53"
+  },
+  "peerDependencies": {
+    "next": "11.1.2"
+  },
+  "commitlint": {
+    "extends": [
+      "@newhighsco"
+    ]
+  },
+  "eslintConfig": {
+    "extends": [
+      "@newhighsco/eslint-config/react"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
+      "pre-commit": "yarn yalc:check && yarn lint"
+    }
+  },
+  "prettier": "@newhighsco/prettier-config",
+  "release": {
+    "extends": "@newhighsco/release-config",
+    "branches": [
+      "main"
+    ]
+  },
+  "renovate": {
+    "extends": [
+      "@newhighsco"
+    ],
+    "baseBranches": [
+      "main"
+    ]
+  },
+  "stylelint": {
+    "extends": [
+      "@newhighsco/stylelint-config"
+    ]
+  }
+}

package/src/components/AppPage/index.jsx

@@ -0,0 +1,62 @@
+import React from 'react'
+import { func, object } from 'prop-types'
+import urlJoin from 'url-join'
+import { DefaultSeo } from 'next-seo'
+import { SiteContainer, ThemeProvider } from '@newhighsco/chipset'
+
+const AppPage = ({ Component, pageProps, theme, config, meta }) => {
+  const { name, description, openGraphImage, twitterHandle, themeColor, logo } =
+    config
+  const url = process.env.NEXT_PUBLIC_SITE_URL
+
+  meta = {
+    ...meta,
+    titleTemplate: `%s | ${name}`,
+    description,
+    openGraph: {
+      site_name: name,
+      type: 'website',
+      images: [{ url: urlJoin(url, openGraphImage) }]
+    },
+    twitter: {
+      cardType: 'summary',
+      site: `@${twitterHandle}`,
+      handle: `@${twitterHandle}`
+    },
+    additionalMetaTags: [
+      ...(meta?.additionalMetaTags || []),
+      { name: 'theme-color', content: themeColor }
+    ],
+    additionalLinkTags: [
+      ...(meta?.additionalLinkTags || []),
+      {
+        rel: 'icon',
+        href: logo.vector
+      },
+      {
+        rel: 'sitemap',
+        type: 'application/xml',
+        href: '/sitemap.xml'
+      }
+    ]
+  }
+
+  return (
+    <ThemeProvider themes={theme}>
+      <SiteContainer>
+        <DefaultSeo {...meta} />
+        <Component {...pageProps} />
+      </SiteContainer>
+    </ThemeProvider>
+  )
+}
+
+AppPage.propTypes = {
+  Component: func,
+  pageProps: object,
+  theme: object,
+  config: object,
+  meta: object
+}
+
+export default AppPage

package/src/components/Meta/index.jsx

@@ -0,0 +1,49 @@
+import React from 'react'
+import { array, bool, node, object, string } from 'prop-types'
+import { NextSeo } from 'next-seo'
+
+const Meta = ({
+  children,
+  canonical,
+  customTitle,
+  title,
+  titleTemplate,
+  description,
+  images,
+  openGraph,
+  ...rest
+}) => {
+  const meta = {
+    title,
+    titleTemplate: customTitle ? `%s` : titleTemplate,
+    description,
+    canonical,
+    openGraph: {
+      ...openGraph,
+      title,
+      description,
+      url: canonical,
+      images
+    }
+  }
+
+  return (
+    <>
+      <NextSeo {...meta} {...rest} />
+      {children}
+    </>
+  )
+}
+
+Meta.propTypes = {
+  children: node,
+  canonical: string,
+  customTitle: bool,
+  title: string,
+  titleTemplate: string,
+  description: string,
+  images: array,
+  openGraph: object
+}
+
+export default Meta

package/src/components/index.js

@@ -0,0 +1,2 @@
+export { default as AppPage } from './AppPage'
+export { default as Meta } from './Meta'

package/src/index.js

@@ -0,0 +1 @@
+export * from './components'