sanity/src/presentation/lib/parse.ts

Sanity is a real-time content infrastructure with a scalable, hosted backend featuring a Graph Oriented Query Language (GROQ), asset pipelines and fast edge caches

import {studioPath} from '@sanity/client/csm'
import {urlStringToPath} from '@sanity/visual-editing-csm'
import type {PresentationStateParams} from '../types'

export function parseId(rawId: string | undefined): string | undefined {
  if (rawId === undefined) {
    return undefined
  }

  const segments = decodeURIComponent(rawId)?.split('.')

  if (segments[0] === 'drafts') {
    segments.shift()
  }

  return segments.join('.')
}

export function parsePath(rawPath: string | undefined): string | undefined {
  if (rawPath === undefined) {
    return undefined
  }

  return studioPath.toString(urlStringToPath(decodeURIComponent(rawPath)))
}

export function parseRouterState(state: PresentationStateParams): PresentationStateParams {
  return {
    id: parseId(state.id),
    path: parsePath(state.path),
    type: state.type,
  }
}