Discussion about setting a readOnly or hidden field using document actions in Sanity.io

import { useDocumentOperation } from 'sanity'
import { useState, useEffect } from 'react'
import type { DocumentActionComponent } from 'sanity'

function generateSlug(text: string | number): string {
  return String(text)
    .toLowerCase()
    .replace(/\s+/g, '-')
    .replace(/[^\w-]+/g, '')
}

export const SetSlugAndPublishAction: DocumentActionComponent = (props) => {
  const { patch, publish } = useDocumentOperation(props.id, props.type)
  const [isPublishing, setIsPublishing] = useState(false)

  useEffect(() => {
    // Reset publishing state if publish completes
    if (isPublishing && !publish.disabled) {
      setIsPublishing(false)
    }
  }, [isPublishing, publish.disabled])

  return {
    label: isPublishing ? 'Publishing...' : 'Publish',
    disabled: publish.disabled || isPublishing,
    onHandle: () => {
      setIsPublishing(true)
      
      // Generate slug from your source field(s)
      // For a number field:
      const slug = generateSlug(props.draft?.yourNumberField || '')
      
      // Patch the document with the slug
      patch.execute([{ set: { slug: { _type: 'slug', current: slug } } }])
      
      // Then publish
      publish.execute()
      
      props.onComplete()
    }
  }
}

import { defineConfig } from 'sanity'
import { SetSlugAndPublishAction } from './actions/SetSlugAndPublish'

export default defineConfig({
  // ... other config
  document: {
    actions: (prev, context) => {
      // Replace the default publish action for specific document types
      if (context.schemaType === 'yourDocumentType') {
        return prev.map((originalAction) => 
          originalAction.action === 'publish' 
            ? SetSlugAndPublishAction 
            : originalAction
        )
      }
      return prev
    }
  }
})

import { defineConfig } from 'sanity'

export default defineConfig({
  // ... other config
  schema: {
    templates: (prev) => [
      ...prev,
      {
        id: 'document-with-slug',
        title: 'Document with Slug',
        schemaType: 'yourDocumentType',
        value: (params) => ({
          slug: {
            _type: 'slug',
            current: generateSlug(params.yourNumberField || 'default')
          }
        })
      }
    ]
  }
})