Staging (#60)

* 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

* Fix cms display

* Fix article creation

* Fix conflict

* Fix typing

Author: chrisdmacrae

packages/cdm-ui/cms/content-creators/article.ts

@@ -2,7 +2,7 @@ import { createHash } from "crypto";
 import { ContentCreatorPlugin, TinaCMS } from "tinacms";
 import { GithubClient } from "react-tinacms-github";
 import slugify from "slugify";
-import { Article } from "../../articles";
+import { Article, articlesRelDir } from "../../articles";
 
 export const ArticleContentCreator: ContentCreatorPlugin<Article> = {
   __type: "content-creator",
@@ -18,7 +18,7 @@ export const ArticleContentCreator: ContentCreatorPlugin<Article> = {
       const now = new Date();
       const dateString = now.toISOString().slice(0,10);
       const slug = `${dateString}-${slugify(values.title)}`.toLowerCase();
-      const filePath = `src/lib/articles/content/articles/${slug}.json`;
+      const filePath = `${articlesRelDir}/${slug}.json`;
       const SHA = createHash("sha256");
       const sha = SHA.update(filePath).digest().toString();
       const branch = `article/${slug}`;

packages/cdm-ui/cms/providers/cms.tsx

@@ -7,11 +7,13 @@ import { GithubToolbarProvider } from "./github";
 
 export interface CmsProviderProps {
   isEditing: boolean;
+  sidebar?: boolean;
+  toolbar?: boolean
   error: Error,
   children: React.ReactElement;
 }
 
-export function CmsProvider({ isEditing, error, children }: CmsProviderProps) {
+export function CmsProvider({ isEditing, sidebar = true, toolbar = true, error, children }: CmsProviderProps) {
   const cms = useMemo(() => {
     const github = new GithubClient({
       proxy: '/api/proxy-github',
@@ -23,8 +25,8 @@ export function CmsProvider({ isEditing, error, children }: CmsProviderProps) {
     const githubMediaStore = new GithubMediaStore(github);
     const cms = new TinaCMS({
       enabled: isEditing,
-      sidebar: !isEditing,
-      toolbar: !isEditing,
+      sidebar,
+      toolbar,
       media: githubMediaStore
     });