Staging Environment (#58)

* Feature/article content creator (#40) (#42)

* Created new post src/lib/articles/content/articles/2020-7-1-An-Introduction-to-Value-Innovation}.json with TinaCMS

* Fix bad name

* Remove example post

* Created new post src/lib/articles/content/articles/2020-08-31-test.json with TinaCMS

* Created new post src/lib/articles/content/articles/2020-08-31-test-2.json with TinaCMS

* Upload

* Update from TinaCMS

* Upload

* Update from TinaCMS

* Refactor to support content creation

* Fix article slugs on archive

* Make left aligned hero prettier

* Fix vertical alignment

* Update timestamp format

* Update timestamp format

* Add proper reading time and post date

* Created new post src/lib/articles/content/articles/2020-08-31-test-3.json with TinaCMS

* Fix on 0 length content:

* Properly working reading time and english post time

* Remove test files

* Refactor data fetching to be more terse in controllers, and fix article creation oddities

* Fix post time in kitchen sink

* Created new post src/lib/articles/content/articles/2020-09-01-test.json with TinaCMS

* Fix branching

* Remove test doc

* Set preview branch on creation of new file

* Remove annoying mac file

* Fix kitchen sink

* Remove console.log

* Fetch articles from remote in editing mode

* Fix path

* Enable incremental SSG for articles

* Fix fallback behaviour

* Enable dynamic paging

* Enable dynamic paging

* Try fixing 500?

* Refactor to a packages setup

* Fix SSR

* Fix syntax error

* Fix build

* Fix build

* Fix build

* Fix build

* Fix styling and editing

* Fix build

* Fix build

Author: chrisdmacrae

.gitignore

@@ -114,4 +114,7 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
-.vercel
+.vercel
+
+# Custom
+.DS_Store

next.config.js

@@ -1,4 +1,5 @@
 require('dotenv').config()
+const { resolve } = require("path")
 
 const VERCEL_BRANCH = process.env.VERCEL_GITHUB_COMMIT_REF;
 const SYSTEM_BRANCH = require("child_process")
@@ -13,13 +14,19 @@ module.exports = {
     GITHUB_CLIENT_ID: process.env.GITHUB_CLIENT_ID,
     REPO_FULL_NAME: process.env.REPO_FULL_NAME,
     BASE_BRANCH: BRANCH ? BRANCH : process.env.BASE_BRANCH,
-    USE_REMOTE: false
+    USE_REMOTE: process.env.USE_REMOTE == "true"
   },
   webpack: (config, options) => {
     config.node = {
       fs: 'empty'
     }
 
+    config.resolve.alias = {
+      ...(config.resolve.alias || {}),
+      "cdm-content": resolve(__dirname, "./packages/cdm-content"),
+      "cdm-ui": resolve(__dirname, "./packages/cdm-ui"),
+    }
+
     return config;
   }
 }

package.json

@@ -13,22 +13,22 @@
     "antd": "^4.3.4",
     "bootstrap": "^4.5.2",
     "dotenv": "^8.2.0",
-    "next": "9.4.4",
+    "next": "^10.0.3",
     "next-tinacms-github": "^0.1.1",
     "react": "16.13.1",
     "react-aria": "^0.9.5",
     "react-bootstrap": "^1.3.0",
     "react-dom": "16.13.1",
     "react-three-fiber": "^4.2.20",
-    "react-tinacms-editor": "^0.29.0",
-    "react-tinacms-github": "^0.4.3",
-    "react-tinacms-inline": "^0.8.0",
+    "react-tinacms-editor": "^0.34.0",
+    "react-tinacms-github": "^0.34.0",
+    "react-tinacms-inline": "^0.34.0",
     "remark": "^12.0.1",
     "remark-html": "^12.0.0",
     "remark-preset-lint-markdown-style-guide": "^3.0.1",
     "slugify": "^1.4.5",
     "styled-components": "^5.1.1",
-    "tinacms": "^0.21.2",
+    "tinacms": "^0.34.0",
     "use-color-scheme": "^1.1.1",
     "use-dark-mode": "^2.3.1",
     "vercel": "^19.1.1"

src/lib/articles/content/articles.json renamed to packages/cdm-content/articles/content/articles.json

@@ -0,0 +1,2 @@
+export { default as articleArchiveData } from "./content/articles.json";
+export * from "./models"

src/lib/articles/content/articles/2020-08-24-first-post.json renamed to packages/cdm-content/articles/content/articles/2020-08-24-first-post.json

@@ -0,0 +1,22 @@
+import { Block } from "react-tinacms-inline";
+import { ArticleHeroProps } from "../../../cdm-ui/articles/components/Hero";
+
+export interface Article {
+  title: string;
+  description: string;
+  featured_image: string | undefined;
+  created_date: string | Date;
+  edited_date: string | Date;
+  categories: [] | [{
+      title: string
+      href: string
+  }],
+  author: {
+    fullName: string,
+    photo: string
+  },
+  hero: {
+    variant: ArticleHeroProps['variant'];
+  }
+  body: Block[]
+}

packages/cdm-content/articles/index.ts

@@ -0,0 +1 @@
+export * from "./article"