@sanity/cross-dataset-duplicator 0.4.0 → 1.1.0

package/src/actions/DuplicateToAction.tsx

@@ -1,22 +1,34 @@
 import React, {useState} from 'react'
 import {LaunchIcon} from '@sanity/icons'
+import {DocumentActionProps} from 'sanity'
 
-import CrossDatasetDuplicator from '../components/CrossDatasetDuplicator'
+import {CrossDatasetDuplicatorAction} from '../components/CrossDatasetDuplicatorAction'
 
-export default function DuplicateToAction({draft, published, onComplete}) {
+/**
+ * Document action from the Cross Dataset Duplicator plugin
+ * @public
+ */
+export const DuplicateToAction = (props: DocumentActionProps) => {
+  const {draft, published, onComplete} = props
   const [dialogOpen, setDialogOpen] = useState(false)
 
   return {
     disabled: draft,
     title: draft ? `Document must be Published to begin` : null,
     label: 'Duplicate to...',
-    dialog: dialogOpen && published && {
-      type: 'modal',
-      title: 'Cross Dataset Duplicator',
-      content: <CrossDatasetDuplicator docs={[published]} mode="action" />,
-      onClose: () => onComplete(),
-    },
+    dialog: dialogOpen &&
+      published && {
+        type: 'modal',
+        title: 'Cross Dataset Duplicator',
+        content: <CrossDatasetDuplicatorAction docs={[published]} />,
+        onClose: () => {
+          onComplete()
+          setDialogOpen(false)
+        },
+      },
     onHandle: () => setDialogOpen(true),
     icon: LaunchIcon,
   }
 }
+
+DuplicateToAction.action = 'duplicateTo'

package/src/components/CrossDatasetDuplicator.tsx

@@ -1,13 +1,14 @@
 import React, {useEffect, useState} from 'react'
-import {useSecrets, SettingsView} from 'sanity-secrets'
-import {ThemeProvider, Flex, Box, Spinner} from '@sanity/ui'
+import {useSecrets, SettingsView} from '@sanity/studio-secrets'
+import {Flex, Box, Spinner} from '@sanity/ui'
+import {SanityDocument} from 'sanity'
 
 import DuplicatorQuery from './DuplicatorQuery'
-import {DuplicatorToolWrapper} from './DuplicatorTool'
+import DuplicatorWrapper from './DuplicatorWrapper'
 import ResetSecret from './ResetSecret'
 import Feedback from './Feedback'
-import {SanityDocument} from '../types'
 import {SECRET_NAMESPACE} from '../helpers/constants'
+import {useCrossDatasetDuplicatorConfig} from '../context/ConfigProvider'
 
 // Check for auth secret (required for asset uploads)
 const secretConfigKeys = [
@@ -19,20 +20,20 @@ const secretConfigKeys = [
   },
 ]
 
+type Secrets = {
+  bearerToken?: string
+}
+
 type CrossDatasetDuplicatorProps = {
   mode: 'tool' | 'action'
   docs: SanityDocument[]
 }
 
-type Secrets = {
-  bearerToken?: string
-}
-
 export default function CrossDatasetDuplicator(props: CrossDatasetDuplicatorProps) {
-  const {mode = `tool`, docs = []} = props
+  const {mode = `tool`, docs = []} = props ?? {}
+  const pluginConfig = useCrossDatasetDuplicatorConfig()
 
-  const secretsData = useSecrets(SECRET_NAMESPACE)
-  const {loading, secrets}: {loading: boolean; secrets: Secrets} = secretsData
+  const {loading, secrets} = useSecrets<Secrets>(SECRET_NAMESPACE)
   const [showSecretsPrompt, setShowSecretsPrompt] = useState(false)
 
   useEffect(() => {
@@ -41,60 +42,44 @@ export default function CrossDatasetDuplicator(props: CrossDatasetDuplicatorProp
     }
   }, [secrets])
 
-  if (!secretsData) {
-    return (
-      <Feedback>
-        Could not query for Secrets. You may have insufficient permissions on your account.
-      </Feedback>
-    )
-  }
-
   if (loading) {
     return (
-      <ThemeProvider>
-        <Flex justify="center" align="center">
-          <Box padding={5}>
-            <Spinner />
-          </Box>
-        </Flex>
-      </ThemeProvider>
+      <Flex justify="center" align="center">
+        <Box padding={5}>
+          <Spinner />
+        </Box>
+      </Flex>
     )
   }
 
   if ((!loading && showSecretsPrompt) || !secrets?.bearerToken) {
     return (
-      <ThemeProvider>
-        <SettingsView
-          title="Token Required"
-          namespace={SECRET_NAMESPACE}
-          keys={secretConfigKeys}
-          // eslint-disable-next-line react/jsx-no-bind
-          onClose={() => setShowSecretsPrompt(false)}
-        />
-      </ThemeProvider>
+      <SettingsView
+        title="Token Required"
+        namespace={SECRET_NAMESPACE}
+        keys={secretConfigKeys}
+        // eslint-disable-next-line react/jsx-no-bind
+        onClose={() => setShowSecretsPrompt(false)}
+      />
     )
   }
 
-  if (mode === 'tool') {
+  if (mode === 'tool' && pluginConfig) {
     return (
-      <ThemeProvider>
-        <DuplicatorQuery token={secrets?.bearerToken} />
+      <>
+        <DuplicatorQuery token={secrets?.bearerToken} pluginConfig={pluginConfig} />
         <ResetSecret />
-      </ThemeProvider>
+      </>
     )
   }
 
   if (!docs?.length) {
-    return (
-      <ThemeProvider>
-        <Feedback>No docs passed into Duplicator Tool</Feedback>
-      </ThemeProvider>
-    )
+    return <Feedback>No docs passed into Duplicator Tool</Feedback>
+  }
+
+  if (!pluginConfig) {
+    return <Feedback>No plugin config</Feedback>
   }
 
-  return (
-    <ThemeProvider>
-      <DuplicatorToolWrapper docs={docs} token={secrets?.bearerToken} />
-    </ThemeProvider>
-  )
+  return <DuplicatorWrapper docs={docs} token={secrets?.bearerToken} pluginConfig={pluginConfig} />
 }

package/src/components/CrossDatasetDuplicatorAction.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import {CrossDatasetDuplicatorActionProps} from '../types'
+
+import CrossDatasetDuplicator from './CrossDatasetDuplicator'
+
+/**
+ * Component to perform a migration from the Cross Dataset Duplicator plugin
+ * @public
+ */
+export function CrossDatasetDuplicatorAction(props: CrossDatasetDuplicatorActionProps) {
+  const {docs = []} = props
+
+  return <CrossDatasetDuplicator mode="action" docs={docs} />
+}

package/src/components/CrossDatasetDuplicatorTool.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import {SanityDocument, Tool} from 'sanity'
+
+import CrossDatasetDuplicator from './CrossDatasetDuplicator'
+
+export type MultiToolConfig = {
+  docs: SanityDocument[]
+}
+
+type CrossDatasetDuplicatorProps = {
+  tool: Tool<MultiToolConfig>
+}
+
+export function CrossDatasetDuplicatorTool(props: CrossDatasetDuplicatorProps) {
+  const {docs = []} = props.tool.options ?? {}
+
+  return <CrossDatasetDuplicator mode="tool" docs={docs} />
+}