0.52.0 • Published 2 years ago

react-tinacms-github v0.52.0

Weekly downloads
812
License
Apache-2.0
Repository
-
Last release
2 years ago

react-tinacms-github

Implementation:

Add the root TinacmsGithubProvider component to our main layout. In this case, we will use Github Auth.

// YourLayout.ts
import { authenticate }  from '@tinacms/github-auth'
import TinacmsGithubProvider from 'react-tinacms-github'
const enterEditMode = () =>
  fetch(`/api/preview`).then(() => {
    window.location.href = window.location.pathname
  })
const exitEditMode = () => {
  fetch(`/api/reset-preview`).then(() => {
    window.location.reload()
  })
}
const YourLayout = ({ Component, pageProps }) => {
  return (<TinacmsGithubProvider
      authenticate={() => authenticate('/api/create-github-access-token')}
      enterEditMode={enterEditMode}
      exitEditMode={exitEditMode}>
      {...children}
    </TinacmsGithubProvider>)
}

Add error handling to our forms which prompt Github-specific action when errors occur (e.g a fork no longer exists).

// YourSiteForm.ts
const YourSiteForm = ({ form, children }) => {
  useGithubErrorListener(form)
  return (
    <FormLayout>
      {children}
    </FormLayout>
  )
}

You will also need a few Github Specific pages to handle auth...

Github auth callback page.

//pages/github/authorizing.tsx
// Our Github app redirects back to this page with auth code
import { useGithubAuthRedirect } from 'react-tinacms-github'
export default function Authorizing() {
  // Let the main app know, that we receieved an auth code from the Github redirect
  useGithubAuthRedirect() 
  return (
      <h2>Authorizing with Github, Please wait...</h2>
  )
}
//...EditLink.tsx
import { useGithub } from 'react-tinacms-github'
export const EditLink = ({ editMode }: EditLinkProps) => {
  const github = useGithub()
  return (
    <EditToggleButton
      onClick={
        editMode ? github.exitEditMode : github.enterEditMode
      }
    >
      {editMode ? 'Exit Edit Mode' : 'Edit This Site'}
    </EditToggleButton>
  )
}
0.51.11

2 years ago

0.51.12

2 years ago

0.51.13

2 years ago

0.51.14

2 years ago

0.51.10

2 years ago

0.51.15

2 years ago

0.51.16

2 years ago

0.51.17

2 years ago

0.51.9

2 years ago

0.52.0

2 years ago

0.51.8

2 years ago

0.51.6

3 years ago

0.51.7

2 years ago

0.51.5

3 years ago

0.0.0-2021103118

3 years ago

0.51.4

3 years ago

0.51.3

3 years ago

0.51.2

3 years ago

0.51.0

3 years ago

0.51.1

3 years ago

0.50.7

3 years ago

0.50.8

3 years ago

0.50.6

3 years ago

0.50.5

3 years ago

0.50.4

3 years ago

0.50.3

3 years ago

0.50.2

3 years ago

0.50.1

3 years ago

0.50.0

3 years ago

0.43.3

3 years ago

0.43.1-beta

3 years ago

0.43.1

3 years ago

0.43.0

3 years ago

0.43.0-alpha.1

3 years ago

0.42.0

3 years ago

0.42.1

3 years ago

0.42.0-alpha.1

3 years ago

0.42.0-alpha.0

3 years ago

0.41.2-alpha.0

3 years ago

0.41.1

3 years ago

0.41.1-alpha.1

3 years ago

0.41.1-alpha.0

3 years ago

0.41.0

3 years ago

0.40.1-alpha.0

3 years ago

0.40.1

3 years ago

0.41.0-alpha.0

3 years ago

0.40.0

3 years ago

0.40.0-alpha.0

3 years ago

0.39.0

3 years ago

0.39.0-alpha.1

3 years ago

0.38.0

3 years ago

0.39.0-alpha.0

3 years ago

0.38.0-alpha.0

3 years ago

0.37.0

3 years ago

0.37.0-alpha.0

3 years ago

0.36.1

3 years ago

0.36.0

3 years ago

0.36.0-alpha.0

3 years ago

0.35.1

3 years ago

0.35.0

3 years ago

0.35.0-alpha.4

3 years ago

0.35.0-alpha.3

3 years ago

0.35.0-alpha.2

3 years ago

0.35.0-alpha.1

3 years ago

0.35.0-alpha.0

3 years ago

0.34.0

3 years ago

0.34.0-alpha.1

3 years ago

0.34.0-alpha.0

4 years ago

0.33.0

4 years ago

0.33.0-alpha.2

4 years ago

0.33.0-alpha.1

4 years ago

0.33.0-alpha.0

4 years ago

0.32.0

4 years ago

0.32.0-alpha.2

4 years ago

0.32.0-alpha.1

4 years ago

0.31.0-alpha.6

4 years ago

0.31.0

4 years ago

0.31.0-alpha.5

4 years ago

0.31.0-alpha.4

4 years ago

0.31.0-alpha.3

4 years ago

0.31.0-alpha.2

4 years ago

0.31.0-alpha.0

4 years ago

0.31.0-alpha.1

4 years ago

0.30.0

4 years ago

0.30.0-alpha.0

4 years ago

0.29.0

4 years ago

0.28.0

4 years ago

0.28.0-alpha.1

4 years ago

0.28.0-alpha.0

4 years ago

0.27.1

4 years ago

0.27.0

4 years ago

0.27.0-alpha.0

4 years ago

0.26.0

4 years ago

0.24.0

4 years ago

0.7.0-alpha.0

4 years ago

0.6.0

4 years ago

0.6.0-alpha.0

4 years ago

0.5.1

4 years ago

0.5.1-alpha.1

4 years ago

0.5.1-alpha.0

4 years ago

0.5.0

4 years ago

0.5.0-alpha.0

4 years ago

0.4.3

4 years ago

0.4.3-alpha.1

4 years ago

0.4.3-alpha.0

4 years ago

0.4.2

4 years ago

0.4.1-alpha.3

4 years ago

0.4.1

4 years ago

0.4.1-alpha.2

4 years ago

0.4.1-alpha.1

4 years ago

0.4.1-alpha.0

4 years ago

0.4.0

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.3.0

4 years ago

0.3.0-alpha.2

4 years ago

0.3.0-alpha.3

4 years ago

0.3.0-alpha.1

4 years ago

0.3.0-alpha.0

4 years ago

0.2.0

4 years ago

0.2.0-alpha.0

4 years ago

0.1.0

4 years ago

0.1.0-canary3.2

4 years ago

0.1.0-canary3.1

4 years ago

0.1.0-canary3.0

4 years ago

0.0.1-canary3.2

4 years ago

0.0.1-canary3.1

4 years ago

0.0.1-canary3.0

4 years ago

0.0.1-canary3

4 years ago

0.0.1-canary2

4 years ago

0.0.1-canary

4 years ago