[design-studio] Configure structure and document views

packages/design-studio/documentViews/jsonPreview.tsx

@@ -0,0 +1,8 @@
+import {useEditState} from '@sanity/react-hooks'
+import React from 'react'
+
+export function JSONPreviewDocumentView(props: any) {
+  const editState: any = useEditState(props.documentId, props.schemaType.name)
+
+  return <pre>{JSON.stringify(editState.draft || editState.published, null, 2)}</pre>
+}

packages/design-studio/package.json

@@ -21,6 +21,7 @@
     "@sanity/default-login": "1.150.1",
     "@sanity/desk-tool": "1.150.4",
     "@sanity/google-maps-input": "1.150.1",
+    "@sanity/react-hooks": "1.150.4",
     "@sanity/vision": "1.150.1",
     "prop-types": "^15.6.0",
     "react": "16.9.0",

packages/design-studio/sanity.json

@@ -24,6 +24,10 @@
     {
       "name": "part:@sanity/base/schema",
       "path": "./schemas"
+    },
+    {
+      "name": "part:@sanity/desk-tool/structure",
+      "path": "./structure"
     }
   ]
 }

packages/design-studio/structure/index.ts

@@ -0,0 +1,16 @@
+import S from '@sanity/desk-tool/structure-builder'
+import {JSONPreviewDocumentView} from '../documentViews/jsonPreview'
+
+export const getDefaultDocumentNode = ({schemaType}) => {
+  // Conditionally return a different configuration based on the schema type
+  if (schemaType === 'author') {
+    return S.document().views([
+      S.view.form(),
+      S.view.component(JSONPreviewDocumentView).title('JSON')
+    ])
+  }
+
+  return undefined
+}
+
+export default S.defaults()

packages/design-studio/typings/sanity.d.ts

@@ -0,0 +1,2 @@
+declare module 'part:*'
+declare module 'all:part:*'